/*==============================响应式=======================================*/

@media screen and (max-width: 1820px) {
	
}
@media screen and (max-width: 1620px) {
}
@media screen and (max-width: 1366px) {
.logo{ width: 200px; }
.jlogo{ width: 200px; }
.daohang{ height: 88px; line-height: 88px; }
}
@media screen and (max-width: 1280px) {
.wrap{ width: 96% !important; }
.wrap2{ width: 96% !important; }
.daohang .nav ul li{ margin-left: 25px; }
}


@media screen and (max-width: 1030px) {


}

@media screen and (max-width: 750px) {

.my-map{ display:none}

.wrapt{ width: 96%; height: auto; margin: 0 auto; }

.index_anli{ padding-top:0; margin-top:-50px;}
.index_news{ margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0}

.index_zhishi{ width: 100%; height:auto; padding-bottom: 30px; background: url(/templets/images/zhishi.jpg) fixed; padding-top:20px; background-size: cover; }
.gengduo{ margin-bottom: 0; margin-top: 0; }
#xinwen{ width:95%; margin: 0 auto}
 #xinwen .l{ width:100%; margin-bottom:10px; margin:0 auto 10px; height:120px; text-align:center; overflow:hidden}
#xinwen .r{width:100%;}
#xinwen .r .xin{  padding-bottom:8px; margin-bottom:8px; clear:both; height:70px; width:100%;}
#xinwen .r .xin .zuo{ background:#264693; width:25%; height:60px; text-align:center; line-height:60px; color:#fff; float:left;}
 #xinwen .r .xin .you{ float:right; width:70%;}
#xinwen .r .xin .you h3{ font-size:14px; line-height:28px;}
#xinwen .r .xin .you h3 a{ color:#264693}
 #xinwen .r .xin .you p{ line-height:25px; color:#555; display:none}
 
 
  .foot1 p{ width:80%; margin:0 auto}
 .foot1{ text-align:center; width:100%; line-height:40px; height:auto; background:#264693; color:#fff;}
.foot1 a{ color:#fff}
 
 .anlilist ul li .tupian img{ width: 100%; height:100px; transition: all 0.8s; border:#ddd solid 1px;}
 
 
 .erjipeixun_list{ padding:0 15px; color:#333}
.erjipeixun_list ul li{ border-bottom: 1px solid #ddd; padding-bottom:20px; overflow: hidden; margin-bottom:20px;}
.erjipeixun_list ul li .img{ width:100%}
.erjipeixun_list ul li h3{ font-size:16px; margin-bottom:15px; width:100%; margin-left:0}
.erjipeixun_list ul li p{  line-height:28px;margin-left:0}
.erjipeixun_list a{ color:#333}
 

#m2{ width:95%; margin:20px auto;}

#m2 .box1{ width:95%; margin:0 auto 20px;}
#m2 .box2{  width:95%; margin:0 auto}
#m2 h2{ font-size:25px; color:#264693; margin-bottom:15px; background:url(../images/dabiao.jpg) no-repeat left 5px; padding-left:50px; line-height:50px; font-weight:normal}
#m2 .img{ width:100%; height:198px; margin-bottom:15px; overflow:hidden}
#m2 ul{ width:95%; margin:0 auto}
#m2 li{ line-height:40px;  background:url(../images/icon.jpg) no-repeat left; border-bottom:#eee solid 1px;}
#m2 li a{ color:#333; padding-left:20px;}

#m2 .tu{ width:100%; height:200px; overflow:hidden; margin-bottom:5px;}
#m2 h3{ padding:10px 0; line-height:30px; font-size:15px;}
#m2 h3 a{ color:#006FC1}
#m2 p{ line-height:29px;}
#m2 p a{ color:#333}

#m2  img{ cursor: pointer; transition: all 0.6s; width:475px; height:200px; }
#m2  img:hover{  transform: scale(1.4);  }


.anlilist{ padding-bottom:0}

#chanpin-mid .box{ width:94%; padding:2%; margin:0 2% 3%;}
#chanpin-mid .box .l{ float:left; width:60%; float:left}
#chanpin-mid .box .l h3{ font-size:16px; margin-bottom:10px;}
#chanpin-mid .box .l h3 a{ color:#264693}
#chanpin-mid .box .l p{ line-height:23px; color:#555; margin-bottom:8px;}
#chanpin-mid .box .l p a{ color:#555}
#chanpin-mid .box .l p  a:hover{ color:#264693}
#chanpin-mid  .gengduo{ width:110px; margin:0 auto; height:35px; line-height:35px; background:#F7F7F7; font-size:14px; text-align:center; font-weight:bold}
#chanpin-mid  .gengduo a{ color:#444}

#chanpin-mid .box .r{ float:right; width:35%; float:right}
#chanpin-mid .box .r .img{ width:100%; height:125px; border:#fff solid 2px; padding:2px}
#chanpin-mid .box .r .img:hover{ border:#C7D2EB solid 2px;}
 
.btn-m-list{display: block;}
.daohang .nav{ display: none; }
.logo{ width: 150px;  }
.jlogo{ width: 200px; margin: 0 auto; float: initial !important; margin-bottom: 25px; }
.daohang{ height: 68px; line-height: 68px; position:relative}
.in_banner{ padding-top:10px; }
.index_gywm{ height: auto; padding: 80px 0; }
.index_gywm .gybt{ font-size: 22px; line-height: 34px; margin-bottom: 25px; }
.index_gywm .lisit a{ margin: 0 10px; margin-bottom: 25px; }
.index_yewu,.index_news,.index_yeji{ height: auto; padding: 20px 0; }
.datitle{ font-size: 22px; margin-bottom: 30px; }
.index_yewu ul li{ width: 50%; }
.index_news_list ul li{ width: 100%; margin-bottom: 25px; }
.index_news_list ul li:nth-child(4n){ margin-right: 2%; }
.index_news_list ul li:nth-child(2n){ margin-right: 0; }
.index_yeji ul li{ width: 100%; float: initial; margin-right: 0; }
.jnav dl{ width:33%; height:220px;}
.jnav dl dd{}
.jiaobu{ padding: 20px 0; height: auto; }
.shouji_erjinav{ display: block; }
.daleft{ display: none; }
.daright{ float: initial !important; width: 100%; }
.jiaobu{ dd{ display:block}
.anli_xiangq1{ padding: 8px; }
.anli_xiangq1 ul li{ width: 49%; }
.anli_xiangq1 ul li:nth-child(3n){ margin-right: 2%; }
.anli_xiangq1 ul li:nth-child(2n){ margin-right: 0; }




.anlilist .cf ul li{ width: 32%; height: auto; float: left; margin-right: 2%; text-align: center; margin-bottom: 50px; }
.anlilist .cf ul li:nth-child(3n){ margin-right: 0; }
.anlilist .cf ul li .tupian{ overflow: hidden; }
.anlilist .cf ul li .tupian img{ width: 100%; height: 10px;  }
.anlilist .cf ul li p{ height: 50px; line-height: 50px; overflow: hidden; border-bottom: 2px solid #eaeaea; }
.anlilist .cf ul li:hover img{ transform: scale(1.1); }
.anlilist .cf  ul li:hover p{ color: #0156B1; }



.anlilist2 ul li{ width: 32%; height: auto; float: left; margin-right: 2%; text-align: center; margin-bottom: 50px; }
.anlilist2 ul li:nth-child(3n){ margin-right: 0; }
.anlilist2 ul li .tupian{ overflow: hidden; }
.anlilist2 ul li .tupian img{ width: 100%; height: 100px; transition: all 0.8s; }
.anlilist2 ul li p{ height: 50px; line-height: 50px; overflow: hidden; border-bottom: 2px solid #eaeaea; }
.anlilist2 ul li:hover img{ transform: scale(1.1); }
.anlilist2 ul li:hover p{ color: #0156B1; }




.wrap{ width: 100%; height: auto; margin: 0 auto; background:#009900}

}
@media screen and (max-width: 540px) {

}

@media screen and (max-width: 414px) {


}
@media screen and (max-width: 386px) {

}
@media screen and (max-width: 320px) {

}